<template>
  <div class="footer-box" >
     <div class="box g-width-box">
      <div class="left">
        <div class="icon">演示logo</div>
        <div class="phone">咨询电话：+86-136xxxx8899</div>
        <div class="btn-box g-cen-y">
          <span>版权 © 演示xxxx科技有限公司</span>
          <i></i>
          <a href="https://beian.miit.gov.cn/" target="_blank" class="btn">京ICP备2010xxxx88号</a>
          <i></i>
          <a href="https://beian.mps.gov.cn/#/query/webSearch?code=1010xxxxx3434" target="_blank" class="btn sprite-btn">
            <img class="sprite" src="assets/img/sprite.png"/>
            <span>京公网安备1010xxxxx3434号</span>
          </a>
        </div>
      </div>
      <div class="right">
      
      </div>
     </div>
    </div>
</template>

<style lang="scss" scoped>
.footer-box{
  height: 200px;
  background: #242933;
  
  .box{
    
    display: flex;
    justify-content:space-between;
    padding-top: 40px;
    .left{
      font-size: 14px;
      
      .icon{
        height: 32px;
        display: block;
        margin-bottom: 40px;
        color:#fff;
        font-size: 30px;
      }
      .phone{
        line-height: 22px;
        color: #FFFFFF;
      }
      .btn-box{
        line-height: 24px;
        color:#878FB4 ;
        &>i{
          height: 14px;
          width: 2px;
          background: #878FB4 ;
          margin: 0 10px;
        }
        .btn{
          color:#878FB4 ;
          font-size: 14px;
          cursor: pointer;
          &:hover{
            color: #fff;
          }
        }
        .sprite-btn{
          display: flex;
          align-items: center;
        }
        .sprite{
          width: 16px;
          height: 17px;
          margin-right: 5px;
        }
      }
    }
    .right{
      display: flex;
      flex-direction:column; 
      align-items: center;
      
      .qrcode1{
        width: 100px;
        height: 100px;

      }
      .txt{
        line-height: 32px;
        font-size: 12rpx;
        color: #E9EDFF;
        text-align: center;
      }
    }
  }
}
</style>